﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<link rel="shortcut icon" href="favicon.ico">
		<title>LCRS</title>
		<meta charset="utf-8">
		<meta property="og:title" content="GiShow" />
		<meta property="og:url" content="http://www.shinegraph.com" />
		<meta property="og:image" content="http://www.shinegraph.com/og-image.png" />
		<link href="css/magnific-popup.css" rel="stylesheet" />
		<style>
			body {
				margin: 0px;
				/*background-color: #000000;*/
				overflow: hidden;

  				/*font-size: 20px;*/
			}

			* {
				font-family: 'Lucida Grande', Helvetica;
			}

			a {
				color: lightgray;
			}

			.header {
				position: absolute;
				top: 0px;
				padding-bottom: 10px;
				width: 100%;
				text-align: center;
				color: rgb(255, 255, 255);
				background-color: rgba(0, 0, 0, 0.5);
			}

			#blocker {
				position: absolute;
				width: 100%;
				height: 100%;
				/*background-color: red;*/
				opacity: 1;
				pointer-events: none;
				transition: opacity 0.5s ease-in-out;

			    background: url(…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			    background: -moz-radial-gradient(at 50% bottom,ellipse cover,rgba(71,77,83,1) 0,rgba(35,38,40,1) 53%,rgba(17,18,19,1) 100%);
			    background: -webkit-gradient(radial,at 50% bottom,0,center center,100%,color-stop(0%,rgba(71,77,83,1)),color-stop(53%,rgba(35,38,40,1)),color-stop(100%,rgba(17,18,19,1)));
			    background: -webkit-radial-gradient(at 50% bottom,ellipse cover,rgba(71,77,83,1) 0,rgba(35,38,40,1) 53%,rgba(17,18,19,1) 100%);
			    background: -o-radial-gradient(at 50% bottom,ellipse cover,rgba(71,77,83,1) 0,rgba(35,38,40,1) 53%,rgba(17,18,19,1) 100%);
			    background: -ms-radial-gradient(at 50% bottom,ellipse cover,rgba(71,77,83,1) 0,rgba(35,38,40,1) 53%,rgba(17,18,19,1) 100%);
			    background: radial-gradient(ellipse at 50% bottom,rgba(71,77,83,1) 0,rgba(35,38,40,1) 53%,rgba(17,18,19,1) 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474d53', endColorstr='#111213', GradientType=1);
			}

			#instructions {
				width: 100%;
				height: 100%;
				display: -webkit-box;
				display: -moz-box;
				display: box;
				-webkit-box-orient: horizontal;
				-moz-box-orient: horizontal;
				box-orient: horizontal;
				-webkit-box-pack: center;
				-moz-box-pack: center;
				box-pack: center;
				-webkit-box-align: center;
				-moz-box-align: center;
				box-align: center;
				color: #ffffff;
				text-align: center;
				cursor: pointer;
			}

			.view-unity-scene {
			  width: 150px;
			  height: 40px;
			  background: white;
			  border: 1px solid gray;

			  position: absolute;
			  bottom: 60px;
			  right: 10px;
			}

			.download-zip {
			  width: 150px;
			  height: 40px;
			  background: white;
			  border: 1px solid gray;

			  position: absolute;
			  bottom: 10px;
			  right: 10px;
			}

			.spinner {
			  width: 40px;
			  height: 40px;

			  position: relative;
			  margin: 100px auto;
			}

			.double-bounce1, .double-bounce2 {
			  width: 100%;
			  height: 100%;
			  border-radius: 50%;
			  background-color: #eee;
			  opacity: 0.6;
			  position: absolute;
			  top: 0;
			  left: 0;

			  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
			  animation: sk-bounce 2.0s infinite ease-in-out;
			}

			.double-bounce2 {
			  -webkit-animation-delay: -1.0s;
			  animation-delay: -1.0s;
			}

			@-webkit-keyframes sk-bounce {
			  0%, 100% { -webkit-transform: scale(0.0) }
			  50% { -webkit-transform: scale(1.0) }
			}

			@keyframes sk-bounce {
			  0%, 100% {
			    transform: scale(0.0);
			    -webkit-transform: scale(0.0);
			  } 50% {
			    transform: scale(1.0);
			    -webkit-transform: scale(1.0);
			  }
			}

		</style>
	</head>
	<body>
		<div id="blocker">
			<div id="instructions">
				<div class="spinner">
				  <div class="double-bounce1"></div>
				  <div class="double-bounce2"></div>
				</div>
			</div>
		</div>
		<script src="libs\zlib.js-0.3.1\zlib.js-0.3.1\bin\Inflate.min.js"></script>    		
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/jquery.magnific-popup.min.js"></script>
		<script src="libs/three.min.js"></script>
		<script src="libs/http.js/http.js"></script>
		<script src="libs/OrbitControls.js"></script>
		<script src="libs/FirstPersonControls.js"></script>
		<script src="js/extensions/postprocessing/RenderPass.js"></script>
		<script src="js/extensions/postprocessing/ShaderPass.js"></script>
		<script src="js/extensions/postprocessing/MaskPass.js"></script>
		<script src="js/extensions/postprocessing/EffectComposer.js"></script>
		<script src="js/extensions/shaders/SSAOShader.js"></script>
		<script src="js/extensions/controls/TransformControls.js"></script>
		<script src="js/extensions/shaders/CopyShader.js"></script>
		<script src='js/extensions/libs/dat.gui.min.js'></script>
		<script src="shaders/BlendPass.js"></script>
		<!--<script src="js/loaders/OBJLoader.js"></script>-->
		<script src="js/loaders/FBXLoader.js"></script>
		<!--<script src="shaders/CustomStandard.js"></script>-->
		<script src="dist/bundle.js"></script>

	</body>
</html>
